<%@page import="com.jfinal.kit.PropKit"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<html>
<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
		<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
		<!-- 新 Bootstrap 核心 CSS 文件 -->
		<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">

		<!-- 可选的Bootstrap主题文件（一般不用引入） -->
		<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">

		<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
		<script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>

		<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
		<script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
		<link rel="stylesheet" href="http://tb1.bdstatic.com/??/tb/static-common/style/tb.js/dialog_29a9417.css,/tb/static-common/lib/tbui/style/all_1888f28.css" />
		<link rel="stylesheet" href="http://tb1.bdstatic.com/??/tb/_/index_7712603.css,/tb/_/search_2e2269a.css" />
		<title>随手录</title>
		
		<style>
		body {
			width: 100%;
			height: 100%;
			background: url(../wx/images/bg1.png) no-repeat center fixed;
			-webkit-background-size: 100% 100%;
			p-family: "微软雅黑";
		}
		.a{
			width:90%;
			margin-top:30px;
			border:2px solid #fff;
			-webkit-transition: all 1000ms;
		    -moz-transition: all 1000ms;
		    transition: all 1000ms;
		}
		</style>
		
	</head>

	<body style="overflow: hidden;">
			<div style="width:100%;text-align:center;color: #fff;">
			<video controls class="a" style="width:300px" poster="${videoPic }">
				<source src="${videoFilePath1 }" type="video/mp4">
			</video>
			</div>
			<div style="width:88%;position: absolute;left:15px;margin-top:10px;color:#fff">
		 			<img src="../wx/images/video.png" style="width:20px;float: left;margin-left: 5px;margin-top: 1px;">
		 			<span style="float: left;padding-left: 10px;font-size: small;">视频推荐</span>
		 	</div>
			
			<div style="width:100%;text-align:center;color: #a5c0d5;margin-top:20px">
				<div style="float: left;margin-left: 25px;" onclick="javascript:location.href='http://v.youku.com/v_show/id_XMTU3NzE2OTQ4MA==.html'">
		 		<img src="../wx/images/video.jpg" class="a" style="width: 134px;height: 80px;"/>
		 		<p>易行丁丁--智能行车记录仪</p>
		 		</div>
		 		<div style="margin-right: 10px;"  onclick="javascript:location.href='http://v.youku.com/v_show/id_XMTU4MDg5MjQyMA==.html'">
		 		<img src="../wx/images/pagez-01.png" class="a" style="width: 134px;height: 80px;"/>
		 		<p>易行丁丁-行车记录仪</p>
		 		</div>
			</div>
	</body>
</html>